
$baseOrange: #ff9c00;

body {
    background: #efeff4;
}
.common-header{
    background: #fff;
    border-bottom: 1px solid #ddd;
}
ul {
    padding: 0 10px;
    background: #fff;
    li {
        width: 100%;
        padding: 15px 0;
        border-bottom: 1px solid #ddd;
        position: relative;
        select{
            position: absolute;
            width: 100%;
            opacity: 0;
            left: 0;
            top: 0;
            z-index: 10;
        }
        & > span {
            float: right;
            position: relative;
            min-width: 50%;
            text-align: right;
            input{
                width: 100%;
                text-align: right;
            }
        }
        &:before {
            display: table;
            content: " ";
            clear: both;
        }

        &:after {
            content: " ";
            display: table;
            clear: both;
            height: 0;
        }
        &.region{
            > div{
                width: 200px;
                float: right;
                select{
                    width: 50%;
                    position: inherit;
                    float: left;
                    opacity: 1;
                    /*appearance: none;*/
                    -moz-appearance: none;
                    border: 0;
                    background: transparent;
                    text-align: right;
                }
            }
        }
        &.range{
            input{
                width: 50px;
                text-align: center;
            }
        }
        &.birth{
            span{
                display: inline-block;
            }
            span, input[type=date]{
                height: 20px;
                -webkit-appearance: none;
            }
        }
    }
}
.list {
    padding: 20px;
    text-align: center;
    background: #fff;
    margin: 10px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    span {
        color: #888;
        padding: 5px;
        text-align: center;
        display: inline-block;
        width: 30%;
        margin: 10px 0;
        border: 1px solid #888;
        &:nth-child(3n){
            margin: 0 10px;
        }
    }
    .checked {
        color: $baseOrange;
        border: 1px solid $baseOrange;
    }
    p{
        margin-bottom: 15px;
        text-align: left;
    }
}

.list1 {
    //padding: 20px;
    text-align: center;
    background: #fff;
    margin: 10px 0;
    //border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    span {
        color: #888;
        padding: 5px;
        text-align: center;
        display: inline-block;
        width: 30%;
        margin: 10px 0;
        border: 1px solid #888;
        &:nth-child(3n){
            margin: 0 10px;
        }
    }
    .checked {
        color: $baseOrange;
        border: 1px solid $baseOrange;
    }
    p{
        margin-bottom: 15px;
        text-align: left;
    }
}

em{
    color:red;
}

::-moz-placeholder { color: #000; }
::-webkit-input-placeholder { color:#000; }
:-ms-input-placeholder { color:#000; }